@charset "utf-8";


/* 顶部开始 */
.top{
	padding-top: .84rem;
	height: .96rem;
}
.top p{
	width: 2.97rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
/* 顶部结束 */
/* nav导航开始 */
nav:nth-of-type(1){
	background: linear-gradient(#ff6345,#ff897e);
}
nav:nth-of-type(1) p{
	width: 25%;
}
/* 顶部导航栏结束 */
/* 商品详情开始 */

.img{
	position: relative;
	width: 7.5rem;
	height: 7.5rem;
	background: url("../images/01.png") no-repeat;
	background-size: 100% 100%;
}
.img::before{
	position: absolute;
	right: .2rem;
	top: .2rem;
	content: "";
	width: .48rem;
	height: .48rem;
	border-radius: 50%;
	background:#5b5959 url("../images/商品详情-分享.png") no-repeat center center;
	background-size: .28rem .28rem;
}
.img::after{
	position: absolute;
	right: .2rem;
	bottom: .2rem;
	content: "8/8";
	width: .8rem;
	line-height: .36rem;
	font: .26rem/.36rem "微软雅黑";
	color: #fff;
	text-align: center;
	background-color: #5b5959;
	border-radius: .18rem;
}
.missege{
	padding: 0 .2rem .16rem;
	margin-bottom: .2rem;
	height: 2.9rem;
	box-sizing: border-box;
	background-color: #fff;
}
.money{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: .9rem;
}
.money h3{
	font: bold .47rem/1 "微软雅黑";
	color: #ff6040;
}
.money h3 span{
	font-size: .26rem;
}
.money h3 del{
	font-size: .26rem;
	color: #979797;
}
.money .collert{
	height: .54rem;
	font: .2rem/.33rem "微软雅黑";
	color: #ff6444;
	text-align: center;
}
.missege>h3{
	font: .32rem/.41rem "微软雅黑";
	color: #353535;
}
.missege h4{
	margin-bottom: .19rem;
	font: .26rem/.38rem "微软雅黑";
	color: #999999;
}
.missege .line-time{
	margin-bottom: .2rem;
	width: 2.2rem;
	height: .32rem;
	font: .18rem/.32rem "微软雅黑";
	color: #fff;
	background-color: #ff8066;
	text-align: center;
}
.missege .see-goods{
	padding: 0 .05rem 0 .1rem;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: .4rem;
	background-color: #f2f2f2;
	font-size: .18rem;
	color: #9e9e9e;
}
.missege .see-goods p{
	width: 5.32rem;
	white-space:  nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.missege .see-goods a{
	color: #fe6343	;
}
.missege .see-goods a img{
	width: .08rem;
	height: .14rem;
}
/* 商品详情结束 */
/* 购买方式开始 */
.buy-mode{
	padding: .2rem 0 0 .2rem;
	background-color: #fff;
}
.mode{
	display: flex;
	align-items: center;
	height: .72rem;
}
.buy-mode h4{
	margin-right: .4rem;
	font: bold .24rem/1 "微软雅黑";
	color: #333333;
}
.buy-mode .nub{
	position: relative;
	flex-grow: 1;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-bottom: 2px solid #e6e6e6;
	height: .68rem;
}
.mode .nub div{
	box-sizing: border-box;
	width: .79rem;
	line-height: .32rem;
	background-color: #ffcc66;
	font-weight: bold;
	color: #663014;
	border-radius: 2px;
}
.mode span{
	display: inline-block;
	width: .59rem;
	border-right: 2px dashed #b37e3d;
	font-size: .16rem;

}
.mode .nub div{
	position: relative;
	margin-right: .2rem;
}
.mode .nub div::after{
	position: absolute;
	bottom: .09rem;
	right: -0.08rem;
	content: "";
	width: .16rem;
	height: .14rem;
	background-color: #fff;
	border-radius: 50%;
}
.mode .nub{
	font-size: .24rem;
	color: #6f6f6f;
}
.not-buy .nub{
	padding-right: .2rem;
	justify-content: space-between;
}
.not-buy .nub img{
	width: .08rem;
	height: .18rem;
}
/* 购买方式结束 */
/* 底部加入购物车开始 */
.shop-car{
	padding:  0 0 .68rem 0;
	display: flex;
	align-items: center;
	background-color: #fff;
	height: .98rem;
	border-top: 1px solid #cccccc;
}
.shop-car .in-shopcar,
.shop-car .buy-now{
	width: 2.2rem;
	line-height: .98rem;
	font-size: .3rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.shop-car .in-shopcar{
	background-color: #ffcc66;
	color: #663014;
}
.shop-car .buy-now{
	background-color: #ff6040;
}
.shop-car div{
	flex-grow: 1;
	font: .2rem/.42rem "微软雅黑";
	color: #333333	;
	text-align: center;
}
.shop-car div img{
	width: .4rem;
	height: .4rem;
}